<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<script src="../jquery-1.11.3.min.js"></script>
		<script type="text/javascript">
			$(function(){
				$('#btn').click(function(){
//					attr用来获取自定义属性的值
//					var val = $('#title').attr('cid');

//					prop获取特定属性的值
//					var val = $('#title').prop('id');
//					alert(val);

					//设置的时候 attr可以设置任意属性
					//prop只能设置特定属性
					//特定属性就是能够让标签实现一些效果或者样式的属性
//					$('#title').attr('id','test');
//					$('#title').prop('tid','test');

					//removeAttr移除整个属性
					//removeProp移除属性的值
//					$('#title').removeAttr('id');
//					$('#title').removeProp('id');
				})
			})
		</script>
	</head>
	<body>
		<button id="btn">点我呀</button>
		<h1 id="title" class="biaoti" cid='cid'>你的孤独虽败犹荣</h1>
	</body>
</html>
